質問者が納得ulのデフォルトのスタイルが原因です。
#test自体は関係ありません。#testが40pxずれているのではなく、#testの中のulがずれているんです。
ulはpadding-left:40px(ブラウザによってはmargin)がデフォルトで設定されているのでそれをリセットしないといけません。
#test ul{
margin:0;
padding-left:0;
}
とすればulの余白(左側と上)は無くなります。
参考：
UIのデフォルトスタイルシートの初期化方法 の ulの部分
http://w...
4572日前view72
